<template>
  <div class="about">
    <h1>This is an about page</h1>
    <ul>
      <li v-for="(item,index) in list" :key="index">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "About",
  data() {
    return {
      msg: "Welcome to Your Vue.js App",
      list:[]
    };
  },
  created() {
    this.getList();
  },
  methods: {
    getList() {
      for (let i = 0; i < 10; i++) {
        this.list.push(i);
      }
    }
  }
};
</script>
